<script setup lang="ts">
import layoutBg from "@/components/layoutBg/index.vue";
import huntingBg from "@/assets/images/page-bg.png";
</script>

<template>
	<div>
		<layoutBg :img-bg="huntingBg">
			<div class="hidden md:block">
				<div class="text-center text-[49px] font-semibold text-white">SERVICES</div>
				<div class="flex justify-between items-start mb-3">
					<div class="p-3 text-content-bg text-white leading-[25px] text-[14px]" style="width: 30%">
						<span class="font-semibold">Industrial Design and Engineering:</span><br />
						Transform ideas into practical, functional, and market-ready products.<br />
						Advanced industrial design using digital tools for ergonomic and aesthetic excellence.<br />
						Precision engineering to ensure performance and manufacturability.<br />
						Rapid prototyping for testing and refinement.<br />
						<span class="font-semibold">Sourcing and Supply Chain Optimization:</span><br />
						Identify and vet suppliers across China and Southeast Asia.<br />
						Source premium materials like advanced alloys, lightweight composites, and weather-resistant fabrics. <br />Optimize
						supply chains to balance cost efficiency and quality. <br />
						Coordinate multi-facility production for seamless integration.
					</div>
					<div class="p-3 text-content-bg text-white leading-[25px] text-[14px]" style="width: 30%">
						<span class="font-semibold">Manufacturing Excellence:</span><br />
						<span class="font-semibold">Suzhou Facility:</span><br />
						Fabric-based products: ground blinds, ice shelters, ropes, and more.<br />
						Advanced camo printing, cutting, sewing, and lamination.<br />
						<span class="font-semibold">Ningbo Facility:</span><br />
						Hard goods: metal fabrications, aluminum extrusions, and plastic injection molding.
						<br />
						Custom processes like CNC machining, anodization, and camo dipping.
						<br />
						<span class="font-semibold">Quality Assurance and On-Time Delivery:</span><br />
						Rigorous QA/QC at every production stage, ensuring flawless performance.<br />
						Advanced logistics planning to guarantee timely, efficient global shipping.
					</div>
					<div class="p-3 text-content-bg text-white leading-[25px] text-[14px]" style="width: 33%">
						<span class="font-semibold">Our Standard Operating Procedure (SOP):</span><br />
						<img class="w-full mt-2" src="../../assets/images/servises.png" alt="" />
					</div>
				</div>
			</div>
			<div class="md:hidden">
				<div class="text-center text-[32px] font-semibold text-white">SERVICES</div>
				<div class="my-5 p-5 text-content-bg text-white leading-7 text-[18px]">
					<span class="font-semibold">Industrial Design and Engineering:</span><br />
					Transform ideas into practical, functional, and market-ready products.<br />
					Advanced industrial design using digital tools for ergonomic and aesthetic excellence.<br />
					Precision engineering to ensure performance and manufacturability.<br />
					Rapid prototyping for testing and refinement.<br />
					<span class="font-semibold">Sourcing and Supply Chain Optimization:</span><br />
					Identify and vet suppliers across China and Southeast Asia.<br />
					Source premium materials like advanced alloys, lightweight composites, and weather-resistant fabrics. <br />Optimize
					supply chains to balance cost efficiency and quality. <br />
					Coordinate multi-facility production for seamless integration.
				</div>
				<div class="my-5 p-5 text-content-bg text-white leading-7 text-[18px]">
					<span class="font-semibold">Manufacturing Excellence:</span><br />
					<span class="font-semibold">Suzhou Facility:</span><br />
					Fabric-based products: ground blinds, ice shelters, ropes, and more.<br />
					Advanced camo printing, cutting, sewing, and lamination.<br />
					<span class="font-semibold">Ningbo Facility:</span><br />
					Hard goods: metal fabrications, aluminum extrusions, and plastic injection molding.
					<br />
					Custom processes like CNC machining, anodization, and camo dipping.
					<br />
					<span class="font-semibold">Quality Assurance and On-Time Delivery:</span><br />
					Rigorous QA/QC at every production stage, ensuring flawless performance.<br />
					Advanced logistics planning to guarantee timely, efficient global shipping.
				</div>
				<div class="my-5 p-5 text-content-bg text-white leading-7 text-[18px]">
					<span class="font-semibold">Our Standard Operating Procedure (SOP):</span><br />
					<img class="w-full mt-2" src="../../assets/images/servises.png" alt="" />
				</div>
			</div>
		</layoutBg>
	</div>
</template>

<style lang="scss" scoped>
.text-content-bg {
	background-color: rgba(0, 0, 0, 0.65);
}
</style>
